<template>
    <div class="index">
      <div>
        <el-row>
          <el-col :span="24">
            <Header />
          </el-col>
          
          <el-col :span="24" style="margin-top:10px">
            <Content />
          </el-col>
          
         
        </el-row>
      </div>
      <div style="margin-top: 10px; display: flex; flex-direction: column;">
        <el-row type="flex" >
          <el-col :span="16">
            <Left />
          </el-col>
          <el-col :span="8">
            <Right />
          </el-col>
        </el-row>
      </div>
      
    </div>
     
    </template>
    <script scoped>
  import Header from "../../components/assistant/Header.vue";
  import Content from "../../components/assistant/Content.vue";
  import Left from "../../components/assistant/Left.vue";
  import Right from "../../components/assistant/Right.vue";
  export default {
    data() {
      return {};
    },
    components: {
      Header,
      Content,
      Left,
      Right,
    },
  };
  </script>
  <style lang="scss" scoped>
  .index {
    width: 100%;
    padding-bottom: 100px;
  }
  
  </style>
  
  
    